<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Login</title></title>
    <style type="text/css">
       @import "media/css/validate.css";
       @import "media/css/validationEngine.jquery.css";
       @import "media/css/jquery-ui-1.8.20.custom.css";
       @import "media/css/user_form.css";
       @import "media/css/login.css";
    </style>
    <script type="text/javascript" src="media/js/jquery.js"></script>
    <script type="text/javascript" src="media/js/jquery.validationEngine.js"></script>
    <script type="text/javascript" src="media/js/jquery.validationEngine-en.js"></script>
    <script type="text/javascript" src="media/js/jquery-ui-1.8.20.custom.min.js"></script>
    <script type="text/javascript" src="media/js/jquery.sha256.js"></script>        
    <script type="text/javascript">
    	$(document).ready(function() {
	    	$("#LoginForm").validationEngine();
		    $("#Login").click(function() {
		        // Optionally you can uncomment this to see if encrypted before we leave the page.
	        	var noErrors = $(LoginForm).validationEngine('validate');
	        	if (!noErrors) return false;
	        	//alert($.sha256($('#password').val()));
		        $('#password').val($.sha256($('#password').val()));
		        $('#LoginForm').submit();
		    });
	    });
    </script>
</head>
<body>
	<div id='divOverflown'/>
    <div id="main">
        
        <form id="LoginForm" action="http://googl.com" method="post">
        <fieldset>
            <legend>Login</legend>
            <label for="Name">Name</label>
            <input id="name" data-validation-engine="validate[required]" class="text-input" type="text"/>
			<label for="Password">Password</label>
            <input id="password" data-validation-engine="validate[required]" class="text-input" type="password" />
            <div>
	            <p>
		            <a href="#" id="ForgotPasswd" class="forgotPasw">Forgot Password</a>
		            <a href="#" id="Login" class="login">Login</a>
		        </p>
		    </div>
        </fieldset>
        </form>
	</div>
	</div>  
        
</body>
</html>